<!-- 头部 -->
<include file="Public:header" />
<link rel="stylesheet" href="__PUBLIC__/home/css/aio.css" />

        <div class="index-wrapper" style="padding-bottom: 10px;">
            <!-- banner-section start -->
            <div class="banner-section" style="height: 180px;">
                <img src="__ROOT__{$xm_info.xm_img}" class="banner-img" style="height: 100%;">
            </div>
            <!-- banner-section end -->

            <!-- 楼层显示 -->
            <div class="img-floor border-grids product-recom">
                <div style="padding:10px 20px;">
                    <p style="font-size: 18px;height: 30px;font-weight: bold;">{$xm_info.xm_name}</p>
                    <span style="color: #7F7F7F;">{$xm_info.xm_content}</span>
                </div>
                <div style="text-align: center;">
                    <div style="width: 32%;height: 50px;float: left;">
                        <p style="color: #CACACA;">项目目标/本</p>
                        <span>{$xm_info.xm_mubiao}</span>
                    </div>
                    <div style="width: 33%;height: 50px;float: left;">
                        <p style="color: #CACACA;">已筹/本</p>
                        <span>{$xm_info.xm_num}</span>
                    </div>
                    <div style="width: 33%;height: 50px;float: left;">
                        <p style="color: #CACACA;">一起捐</p>
                        <span>{$yq_num}</span>
                    </div>
                </div>
                <p style="padding-left: 20px;color: #7F7F7F;padding-bottom: 10px;">善物接收：{$xm_info.organ}</p>
            </div>
            <!-- 慈善 -->
            <div class="img-floor border-grids" style="padding: 5px 0px;">    
                <span style="font-size: 16px;padding-left: 10px;color: #FFA356;">{$ciss_count}个慈善组织支持该项目</span>
                <div style="text-align: center;margin: 0 auto;">
                <?php foreach ($ciss as $v) { ?>
                    <a style="display: block;padding: 3px;float: left;">
                        <img src="__ROOT__{$v.face}" style="width: 80px;height: 70px;border-radius: 50%;border: 1px solid #F2F2F2;">
                        <div style="width: 80px;word-wrap: break-word;"><p style="font-size: 15px;">&nbsp;{$v.school}</p></div>
                    </a>
                <?php } ?>
                    <?php if ($ciss_count !=0) { ?>
                        <a href="{:U('index/record',['id'=>$xm_info['id'],'xz'=>4])}" style="padding-top: 15px;position: absolute; right: 10px;"><img src="__PUBLIC__/home/images/u11.png" alt=""></a>
                    <?php } ?>
                </div>
            </div>
            <!-- 企业 -->
            <div class="img-floor border-grids" style="padding: 5px 0px;">    
                <span style="font-size: 16px;padding-left: 10px;color: #FFA356;">{$qiyes_count}个企业发起支持该项目</span>
                <div style="text-align: center;margin: 0 auto;">
                <?php foreach ($qiyes as $v) { ?>
                    <a style="display: block;padding: 3px;float: left;">
                        <img src="__ROOT__{$v.face}" style="width: 80px;height: 70px;border-radius: 50%;border: 1px solid #F2F2F2;">
                        <div style="width: 80px;word-wrap: break-word;"><p style="font-size: 15px;">&nbsp;{$v.school}</p></div>
                    </a>
                <?php } ?>
                    <?php if ($qiyes_count !=0) { ?>
                        <a href="{:U('index/record',['id'=>$xm_info['id'],'xz'=>3])}" style="padding-top: 15px;position: absolute; right: 10px;"><img src="__PUBLIC__/home/images/u11.png" alt=""></a>
                    <?php } ?>
                </div>
            </div>
            <!-- 学校 -->
            <div class="img-floor border-grids" style="padding: 5px 0px;">    
                <span style="font-size: 16px;padding-left: 10px;color: #FFA356;">{$xxs_count}个学校发起支持该项目</span>
                <div style="text-align: center;margin: 0 auto;">
                <?php foreach ($xxs as $v) { ?>
                    <a style="display: block;padding: 3px;float: left;">
                        <img src="__ROOT__{$v.face}" style="width: 80px;height: 70px;border-radius: 50%;border: 1px solid #F2F2F2;">
                        <div style="width: 80px;word-wrap: break-word;"><p style="font-size: 15px;">&nbsp;{$v.school}</p></div>
                    </a>
                <?php } ?>
                    <?php if ($xxs_count !=0) { ?>
                        <a href="{:U('index/record',['id'=>$xm_info['id'],'xz'=>2])}" style="padding-top: 15px;position: absolute; right: 10px;"><img src="__PUBLIC__/home/images/u11.png" alt=""></a>
                    <?php } ?>
                </div>
            </div>
            <!-- 个人 -->
            <div class="img-floor border-grids" style="padding: 5px 0px;">    
                <span style="font-size: 16px;padding-left: 10px;color: #FFA356;">{$gers_count}人次发起支持该项目</span>
                <div style="text-align: center;margin: 0 auto;">
                <?php foreach ($gers as $v) { ?>
                    <a style="display: block;padding: 3px;float: left;">
                        <img src="__ROOT__{$v.face}" style="width: 80px;height: 70px;border-radius: 50%;border: 1px solid #F2F2F2;">
                        <div style="width: 80px;word-wrap: break-word;"><p style="font-size: 15px;">&nbsp;{$v.name}</p></div>
                    </a>
                <?php } ?>
                    <?php if ($gers_count !=0) { ?>
                        <a href="{:U('index/record',['id'=>$xm_info['id']])}" style="padding-top: 15px;position: absolute; right: 10px;"><img src="__PUBLIC__/home/images/u11.png" alt=""></a>
                    <?php } ?>
                </div>
            </div>

            <div style="background: #fff;">
                <div style="height: 50px;border-bottom: 2px solid #FF8711;text-align: center;">
                    <a href="{:U('index/xm',array('id'=>$xm_info['id']))}" style="line-height: 50px;font-size: 18px;color:#FF8711;">项目详情</a>
                    <a href="{:U('index/record',array('id'=>$xm_info['id']))}" style="padding-left: 40px;line-height: 50px;font-size: 18px;">捐赠记录</a>
                    <!-- <a href="{:U('index/msg',array('id'=>$xm_info['id']))}" style="padding-left: 40px;line-height: 50px;font-size: 18px;">爱心留言</a> --> 
                    <a href="{:U('index/problems',['id'=>$xm_info['id']])}" style="padding-left: 40px;line-height: 50px;font-size: 18px;">常见问题</a>
                </div>
            </div>
            <div class="tabbar-section">
                <ul id="J-tabbar" class="ui-flex tabbar-content">
                    <?php if (empty($_SESSION['name'])) { ?>
                    <li class="cell J-other">
                        <a class="tabbar-nav" href="{:U('user/login')}">
                            <span style="width: 80%;">发起一起捐</span>
                        </a>
                    </li>
                    <?php }else { ?>
                    <li class="cell J-other">
                        <?php if (empty($checkfq)) { ?>
                            <a class="tabbar-nav" href="{:U('faqi/one',array('xm_id'=>$xm_info['id']))}">
                                <span style="width: 80%;">发起一起捐</span>
                            </a>
                        <?php }else { ?>
                            <a class="tabbar-nav" href="{:U('user/fqj')}">
                                <span style="width: 80%;">发起列表</span>
                            </a>
                        <?php } ?>
                    </li>   
                    <?php } ?>
                    <li class="cell J-other" >
                        <a class="tabbar-nav" href="{:U('index/jw',array('xm_id'=>$xm_info['id']))}" style="background: #FF8711;">
                            <span style="width: 80%;color: #fff;">我要捐赠</span>
                        </a>
                    </li>
                </ul>
            </div>

        <section class="activity-page">
        <section class="activity-page-item">
            <h2 class="block-title" style="position: absolute;left: 45px;padding: 5px;top: -15px;background: #FF875B;">项目摘要</h2>
            <ul class="review">
                <li class="review-item">
                    <section class="itme-content">
                        <p>{$xm_info.xm_content}</p>
                    </section>
                </li>
            </ul>
            </section>
            <section class="activity-page-item">
                <h2 class="block-title" style="position: absolute;left: 45px;padding: 5px;top: -15px;background: #FF875B;color: #fff;">项目详情</h2>
                <dl class="activity-background">
                    <br/>
                    <p>&nbsp; &nbsp; &nbsp;{$xm_info.xm_xiangq}</p>
                    <br/>
                </dl>
            </section>
            <section class="activity-page-item" style="margin-bottom:0;">
                <h2 class="block-title" style="position: absolute;left: 45px;padding: 5px;top: -15px;background: #FF875B;">项目内容</h2>
                <section class="activity-marvellous">
                    <br/>
                    <p>&nbsp; &nbsp; &nbsp;{$xm_info.xm_list}</p>
                    <br/>
                </section>
            </section>
        </section>            <!-- 项目回顾 -->
<!--         <section class="activity-page">
        <section class="activity-page-item">
            <h2 class="block-title" style="position: absolute;left: 45px;padding: 5px;top: -15px;background: #FF875B;">活动回顾</h2>
            <ul class="review">
                <li class="review-item">
                    <section class="itme-content">
                        <p><strong>回收童书每年递增</strong></p>
                        <p>2015年 <span>13364</span> 本</p>
                        <p>2016年 <span>25663</span> 本</p>
                        <p>2017年目标 <span>10万</span> 本</p>
                    </section>
                    <section class="itme-content">
                        <p><strong>受益项目点每年递增</strong></p>
                        <p>2015年 <span>21</span> 个</p>
                        <p>2016年 <span>42</span> 个</p>
                        <p>2017年目标 <span>100</span> 个</p>
                    </section>
                    <section class="review-nexts"></section>
                </li>
                <li class="review-item">
                    <section class="itme-content">
                        <p><strong>受益儿童增幅明显</strong></p>
                        <p>2015年 <span>5000</span> 名</p>
                        <p>2016年 <span>2万</span> 名</p>
                        <p>2017年目标 <span>10万</span> 名</p>
                    </section>
                    <section class="itme-content">
                        <p><strong>合作单位发展迅速</strong></p>
                        <p>2015年 <span>41家</span> </p>
                        <p>2016年 <span>54家</span> </p>
                        <p>2017年将有 <span>百家</span> 以上</p>
                    </section>
                    <section class="review-nexts"></section>
                </li>
            </ul>
            </section>
            <section class="activity-page-item">
                <h2 class="block-title" style="position: absolute;left: 45px;padding: 5px;top: -15px;background: #FF875B;color: #fff;">活动背景</h2>
                <dl class="activity-background">
                    <dt>乡村儿童需要培养良好的阅读习惯，但是欠缺童书。</dt>
                    <dd>乡村儿童正值培养终身良好阅读习惯的有利时期，但是因为乡村的地域以及经济等能力限制，乡村儿童不能拿到足够的图书资源来培养良好的阅读习惯。</dd>
                    <dt>乡村图书馆利用率低，图书数量少且质量低。</dt>
                    <dd>乡村地区的图书馆并没有很好地利用，图书数量相比城市少，图书多年放置，部分图书残旧，甚至部分图书不适合儿童阅读。</dd>
                    <dt>城市儿童的阅读书籍有剩余，但是不会重复利用。 </dt>
                    <dd>城市儿童的书籍阅读量超过乡村儿童，但是城市儿童阅读后的图书会被闲置，再利用率低。童书乐捐将再利用城市儿童的图书，将图书捐到乡村， 让城市儿童学会分享，学会关爱他人。</dd>
                </dl>
            </section>
            <section class="activity-page-item" style="margin-bottom:0;">
                <h2 class="block-title" style="position: absolute;left: 45px;padding: 5px;top: -15px;background: #FF875B;">精彩延续</h2>
                <section class="activity-marvellous">
                    <br/>
                    <p>今年，童书乐捐精彩还在延续：</p>
                    <br/>
                    <p><span>活动目标：</span>筹集10万本二手童书，1万本新书善款</p>
                    <br/>
                    <p><span>活动特色：</span></p>
                    <p>一、回收二手童书加工（二次分拣、加工、消毒）</p>
                    <p>二、为受益项目点配备借阅系统</p>
                    <ol>
                        <li><p>为每个受益项目点配备一个借阅系统，供免费使用1年</p></li>
                        <li><p>1年后，满天星公益让图书借阅情况良好的受益点付费使用</p></li>
                    </ol>
                    <p>三、捐赠图书情况跟踪反馈</p>
                    <p>捐赠人可以通过留下联系方式，获取最终项目报告，了解捐赠书目的流向。</p>
                </section>
            </section>
        </section> -->

            <div style="text-align: center;font-size: 12px;padding-top: 10px;padding-bottom: 10px;">
                <img src="__PUBLIC__/home/images/log.png" alt="" style="width: 100px;">
            </div>
        </div>

    </body>
</html>